<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<!--两个大括号插值表达式,相当于vue定义变量,vue会替代它为设置值-->
		<div id="app">{{msg}}</div>
	</body>
	<script>
	/*创建Vue对象，它有一个参数，而是一个函数，匿名函数
		Vue匿名函数里的参数对象，有多个特定参数
		el，elment缩写，要操作的页面元素
		data，代表数据
		*/
		var data={//js对象
		msg:"hello vue."
		}
		//el,挂载点，和页面上哪个元素来对应
		//data,第一个data属性，第二个data是上面定义data对象
		//new Vue对象的参数是一个js对象
		new Vue({
			el:"#app",
			data:{
				msg:"hello vue2."
			}
		});
		</script>
</html>
